$(function () {
    var module = {
        name: 'webmap',
        i:1,
        hash:-1,
        timer:null,
        url_1:'',
        url_2:'',
        // 默认执行的初始化方法
        init: function () {
            var _this = this;

            $(document).on("click", ".J_tab_click", function () {
                var $this = $(this),
                    _idx = $this.attr("data-index") || 0;

                _this._animate(_idx);
            });

            setTimeout(function(){
                _this._init();
                $(".J_tab_box").show();

            },0);
        },

        _init: function () {
            var _this = this;

            var _hash = location.hash;
            var url=$(".slides_1 img").attr("src");
           //this._url_1=url.slice(0,url.indexOf('.')-1);
           //this._url_2=url.slice(url.indexOf('.'));

           // var _url='../widget/img/banner';
            if (!_hash) {
                //首次加载hash会被吃掉。。。所以。。在querystring里面想点办法
                var tan_num = $("#J_tab_param").val() || 0;
                location.hash = "tab=" + tan_num;
                _hash = location.hash;
            }

            _hash = (_hash || "#tab=0").substr(1).split("=");

            var _idx = ['0', '1', '2', '3', '4'].indexOf(_hash[1]) != -1 ? _hash[1] : 0;

            _this._animate(_idx, true);


        },

        _animate: function (_idx, flag) {
            this.hash=parseFloat(_idx)+1;
            this.i=1;
            this._allBanner();

            var $tab = $(".J_tab");
            if ($tab.hasClass("anim-x-" + _idx)) {
                return;
            }

            if (flag) {
                $tab.removeClass("anim");
            } else {
                $tab.addClass("anim");
            }

            $(".J_tab_click")
                .eq(_idx)
                .addClass("active")
                .siblings()
                .removeClass("active");

            $tab.removeClass("anim-x-0 anim-x-1 anim-x-2 anim-x-3 anim-x-4 anim-x-5")
                .addClass("anim-x-" + _idx);
                $('.m-slides img').attr('src',this._url_1+1+this._url_2);


        },

        _banner:function(){
            this.i++;

            if(this.i>3){
                this.i=1;
            }

           $(".slides_"+this.hash+" img").attr("src",this._url_1+this.i+this._url_2);
            $(".slides_"+this.hash+' li').eq(this.i-1).addClass('active').siblings().removeClass('active');
        },
        _allBanner:function(){
            if(this.timer){
                clearInterval(this.timer);
                this.timer=null;
            }

            this.timer=setInterval(this._banner.bind(this),5000);
            console.log( this.timer);
        }

    };

    // 申明模块
    ux.define(module.name, module);
});